- link = issue_closed_link(@issue, current_user, css_class: 'text-underline gl-reset-color!')
- badge_classes = 'issuable-status-badge gl-mr-3'

.detail-page-header
  .detail-page-header-body.gl-flex-wrap
    = gl_badge_tag({ variant: :info, icon: 'issue-closed', icon_classes: 'gl-mr-0!' }, { class: "#{issue_status_visibility(issuable, status_box: :closed)} #{badge_classes} issuable-status-badge-closed" }) do
      .gl-display-none.gl-sm-display-block.gl-ml-2
        = issue_closed_text(issuable, current_user)
        - if link
          %span.gl-pl-2.gl-sm-display-none
            = "(#{link})"
    = gl_badge_tag({ variant: :success, icon: 'issues', icon_classes: 'gl-mr-0!' }, { class: "#{issue_status_visibility(issuable, status_box: :open)} #{badge_classes} issuable-status-badge-open" }) do
      %span.gl-display-none.gl-sm-display-block.gl-ml-2
        = _('Open')

    #js-issuable-header-warnings{ data: { hidden: issue_hidden?(issuable).to_s } }
    = issuable_meta(issuable, @project)

    = render Pajamas::ButtonComponent.new(href: '#', icon: 'chevron-double-lg-left', button_options: { class: 'gl-ml-auto gl-display-block gl-sm-display-none! js-sidebar-toggle' })

  .js-issue-header-actions{ data: issue_header_actions_data(@project, issuable, current_user, @issuable_sidebar) }
